<template>
	<div class="usernew">
		<div class="user_photo"><img src="../../../public/images/641.jpg" style="width: 100%;border-radius: 20px;"/></div>
		<ul>
			<li>
				<router-link :to="{path:'/user/orderdetails'}">我的订单</router-link></li>
			<li><router-link :to="{path:'/user/myaddress'}">收货信息</router-link></li>
			<li>
				<router-link :to="{path:'/user/myinfo'}">我的资料</router-link></li>
		</ul>
	</div>
</template>

<script>
	
</script>

<style lang="less" scoped="scoped">
	.usernew {
		width: 200px;
		height: 400px;
		border: #000000 solid 1px;
		border-radius: 10px;
		background-color: #FFFFFF;
		.user_photo {
			margin: 40px auto;
			width: 80px;
			height: 80px;
			border: #000000 solid 1px;
			border-radius: 20px;
		}

		ul li {
			padding: 20px 0 20px 45px;
			font-size: 20px;
			background-color: #FFFFFF;
			border: #cfd3df solid 1px;
			a{
				color: #000000;
				&:hover{
					text-decoration: none;
					color: #0056B3;
				}
			}
		}

	}
</style>
